.card {
  background-color: var(--mantine-color-body);
}

.label {
  font-family: Outfit, var(--mantine-font-family);
  font-weight: 700;
  line-height: 1;
}

.lead {
  font-family: Outfit, var(--mantine-font-family);
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
}

.inner {
  display: flex;

  @media (max-width: $mantine-breakpoint-xs) {
    flex-direction: column;
  }
}

.ring {
  flex: 1;
  display: flex;
  justify-content: flex-end;

  @media (max-width: $mantine-breakpoint-xs) {
    justify-content: center;
    margin-top: var(--mantine-spacing-md);
  }
}
